import React from 'react';
import Link from 'next/link';
import BackIcon from '../icons/BackIcon';

interface BackButtonProps {
  href: string;
  className?: string;
}

const BackButton: React.FC<BackButtonProps> = ({ href, className = '' }) => {
  return (
    <Link href={href} className={`mr-3 ${className}`}>
      <BackIcon className="w-6 h-6 text-gray-600 hover:text-gray-800 transition-colors" />
    </Link>
  );
};

export default BackButton;